<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="utf-8" />
<title>Tag.in - Share your tags with the world</title>
<!-- <link rel="stylesheet" type="text/css" href="css/style_mobile.css" /> -->
<script type="text/javascript">
	var useragent = navigator.userAgent;
    
    if (useragent.indexOf('iPhone') != -1 || useragent.indexOf('Android') != -1) {
    	var v_css  = document.createElement('link');
    	v_css.rel = 'stylesheet';
    	v_css.type = 'text/css';
    	v_css.href = "css/style_mobile.css";
    	document.getElementsByTagName('head')[0].appendChild(v_css);
    	
    	var v_meta  = document.createElement('meta');
    	v_meta.name = 'viewport';
		v_meta.content = 'initial-scale=1.0, user-scalable=no';
    	document.getElementsByTagName('head')[0].appendChild(v_meta);
    } else {
    	var v_css  = document.createElement('link');
    	v_css.rel = 'stylesheet'
    	v_css.type = 'text/css';
    	v_css.href = "css/style.css";
    	document.getElementsByTagName('head')[0].appendChild(v_css);  
    }
</script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" type="text/css" href="css/iehacks.css" />
<![endif]-->

<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie67hacks.css" />
<![endif]-->
</head>
<body onload="initialize()">
<div>
        &nbsp;
</div>

<header>
        <div id="logo">
                <h1><a href="#">Tag.in</a></h1>
        </div>
        <nav>
                <ul>
                        <li><a href="index.html">home</a></li>
                        <li><a href="about.html">sobre nós</a></li>
                        <li><a href="#">contactos</a></li>
                </ul>
        </nav>
</header>

<div id="content">
        <section class="map">
        		<div id="floatleft"><h3>Morada: <input id="address" type="textbox" value="Rua do Brazil, Coimbra, Portugal" /> <input type="button" value="GO" onClick="codeAddress()"></h3></div>
        		<div id="floatright"><input type="hidden" id="input_lat" size="10" value="0.001" onkeyup="panTo()" /><input type="hidden" id="input_lon" size="10" value="0.001" onkeyup="panTo()" /><span id="status"></span> (centre o mapa na localização que pretende)</div>
                <h3>Distância (raio): <input type="range" id="input_radious" min="1" step="50" max="10000" value="500" onchange="updateMarkers()" /><span id="range">500</span> Metros</h3>
                <div id="map_canvas">Mapa</div>
                <div id="details"></div>
        </section>
</div>

<footer id="main-footer">
        <section id="footer-1">
                Copyright Tag.in &copy; 2011
        </section>
        <section id="footer-2">
        </section>
</footer>

<script type="text/javascript"
	src="js/jquery-1.5.1.min.js">
</script>
<script type="text/javascript"
	src="js/json2.js">
</script>
<!-- importar a API javascript!-->
<!-- sensor true se for usado um sensor para determinar a localizacao !-->
<script type="text/javascript"
	src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript"
	src="js/googleapi.js">
</script>
</body>
</html>